<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<h:head>
		<title> Distribuidora Frutos del Campo </title>
		<link rel="stylesheet" type="text/css" media="screen" href="../css/hojaDeEstilos.css" />
		<meta charset="utf-8" />
	</h:head>
	<h:body>
		<div id = 'contenido'>   
			<header>              
				<hgroup>          
					<a href="../home.xhtml"> <img src="../imagenes/tituloPagina.jpg" /></a>        
					<h2>Informe de Movimiento de Cheques</h2>
				</hgroup>
				<hr />
				<br />
			</header>
			
			<section> 
			<div id='textoPrincipal'>
				
				<h3>Informe</h3>
				
				<h:form id="formulario">

					<p:accordionPanel activeIndex="0">

						<p:tab title="Auditoría de cheques">

							<p:dataTable id="dataTable" var="movimientoCheque"
								value="#{auditoriaChequeBean.movimientosDeCheques}"
								scrollable="true" scrollHeight="300">

								<f:facet name="header">
									<p:outputPanel>
										<h:outputText value="Informe de movimiento de cheques" />
									</p:outputPanel>
								</f:facet>

								<p:column id="chequeColumna" headerText="Cheque"
									sortBy="cheque.numero">
									<h:outputText value="#{movimientoCheque.cheque.numero}" />
								</p:column>

								<p:column id="tipoColumna" headerText="Tipo" sortBy="tipo">
									<h:outputText value="#{movimientoCheque.tipo}" />
								</p:column>

								<p:column id="fechaColumna" headerText="Fecha del movimiento"
									sortBy="fecha">
									<h:outputText value="#{movimientoCheque.fecha}" id="fecha"
										style="font-weight:bold">
										<f:convertDateTime pattern="d/M/yyyy" />
									</h:outputText>
								</p:column>

							</p:dataTable>
							
							<br />
							<h:commandButton id="imprimirButton" value="Imprimir" type="button"
								styleClass="ui-button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-text ui-c"
								icon="ui-icon-print">
								<p:printer target="dataTable" />
							</h:commandButton>

						</p:tab>

						<p:tab title="Nuevo movimiento de cheque">

							<h:panelGrid id="panelMovimiento" columns="2" cellpadding="10">

								<h:outputLabel for="combo" value="Cheque: " />
								<p:selectOneMenu id="combo"
									value="#{auditoriaChequeBean.chequeSeleccionadoRegistrar}"
									required="true" converter="chequeConverter" effect="fade"
									label="Cheque ">
									<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
									<f:selectItems value="#{auditoriaChequeBean.cheques}"
										var="cheque" itemValue="#{cheque}"
										itemLabel="#{cheque.numero}" />
								</p:selectOneMenu>

								<h:outputLabel for="tipo" value="Tipo: " />
								<p:inputText value="#{auditoriaChequeBean.tipoRegistrar}"
									id="tipo" required="true" label="Tipo " />

								<h:outputLabel for="fechaRegistrar"
									value="Fecha del movimiento: " />
								<p:calendar value="#{auditoriaChequeBean.fechaRegistrar}"
									id="fechaRegistrar" required="true" />

							</h:panelGrid>

							<p:commandButton id="tipoProductoButton" value="Registrar"
								action="#{auditoriaChequeBean.registrarMovimientoCheque}"
								update=":formulario" />

						</p:tab>


					</p:accordionPanel>

				</h:form>


			</div>
			</section> 
		</div>
	
	</h:body>
</html>